Dynamic HTML


What is Dynamic HTML? - Dynamic HTML is a new feature in HTML and extends normal HTML's capabilities. Unfortunately Dynamic HTML can only be witnessed on Netscape or Internet Explorer 4. There are three main parts to Dynamic HTML. They are being able to manipulate the cursor as it passes over different parts of your page, layering which enables you to put text or pictures on top of eachother and Transitions which occur when a user enters or leaves the webpage then a 'transition' occurs.


Layering


Below is an example:

This is

an example
of
Layering






This example is not a picture but the different parts of the sentence positioned so that they seem to be on different levels to each other. This layered text can be placed anywhere and can even be placed over existing text or images. Here is how it was done:


<div id="ex1" style="position: absolute; top: 270px; left: 20px"> <font color="red" size="10" face="arial"> <p style="font-family: "times new roman"; letter-spacing: 20pt"> This is </p> </font> </div> <div id="ex2" style="position: absolute; top: 290px; left: 80px"> <font color="blue" size="10" face="arial"> an example </font> </div> <div id="ex3" style="position: absolute; top: 310px; left: 190px"> <font color="green" size="10" face="arial"> <u>of</u> </font> </div> <div id="ex4" style="position: absolute; top: 330px; left: 200px"> <font color="black" size="10" face="arial"> Layering </font> </div> </p> </div>


Where you see 'px' the numbers before that can be changed to change the position on the page.

Transitions

Transitions occur when a user enters or leaves (whenever you want the transition to occur) a website. There are many of these transitions which can be used including a 'random function which means that a random transition will be used by the web browser. The command for a transition is placed in a meta-tag in the head area of the web page. A meta tag is the store of data about your website which you MUST INCLUDE. See the 'You've built your website. Now What' section of the website for more information about meta-tags. Below is the meta-tag which you must insert in to the head part of the web-page.
This the the meta-tag used to have a transition when a user enters the website.

<META HTTP-EQUIV="Site-Enter" content="revealTrans(Duration=TIME TRANSITION SHOULD TAKE FROM BEGINNING TO END,Transition=NO. OF TRANSITION)"> This is the meta-tag used to have a transition when a user leaves the website.
<META HTTP-EQUIV="Site-Exit" content="revealTrans(Duration=TIME TRANSITION SHOULD TAKE FROM BEGGINNING TO END,Transition=NO. OF TRANSITION)">
Remember to replace 'TIME TRANSITION SHOULD TAKE FROM BEGGINNING TO END' with a time in seconds (e.g. one and a half sconds would be 1.5). Also replace 'NO. OF TRANSITION' with a number from the table below depending on what transition you want.